<style lang="less" scoped>
.my{
  
  background-color: #eee;
  height: 100vh;
  .top{
    padding-top: 1em;
    padding-bottom: 2em;
    background-color: white;
  }
}
</style>
<template>
  <div class="my">
    <div class="top">
      <van-row type="flex" justify="space-around">
      <van-col span="6">
        <van-image
          width="100"
          height="100"
          round
          src="https://img01.yzcdn.cn/vant/cat.jpeg"
        />
      </van-col>
      <van-col span="12">
        <h4>xiongmao1114</h4>
        <div class="status">状态：在线</div>
      </van-col>
    </van-row>
    </div>
    
    <van-cell-group>
      <div class="bar"></div>
      <van-cell title="购物车" icon="shopping-cart-o" is-link />
      <van-cell title="我的订单" icon="notes-o" is-link />
      <div class="bar"></div>
      <van-cell title="关于我们" icon="info-o" />
    </van-cell-group>
  </div>
</template>
<script>
import { mapState, mapMutations, mapActions } from "vuex";
export default {
  data() {
    return {};
  },
  computed: {
    ...mapState([]),
  },
  created() {},
  mounted() {},
  methods: {
    ...mapMutations([]),
    ...mapActions([]),
  },
  components: {},
};
</script>
